const path = require('path')
const htmlWebpackPlugin = require('html-webpack-plugin')
const VueLoaderPlugin = require('vue-loader/lib/plugin.js')
module.exports  = {
  entry: './src/main.js',
  output: {
    path: path.join(__dirname,'./dist'),
    filename: 'bundle.js'
  },
  plugins: [
    new htmlWebpackPlugin({
      template: './src/index.html',
      filename: 'index.html'
    }),
    new VueLoaderPlugin()
  ],
  module: {
    rules: [
      { test: /\.vue$/, use: 'vue-loader' },
      { test: /\.css$/, use: ['style-loader','css-loader'] },
      { test: /\.(scss|sass)$/, use: ['style-loader','css-loader','sass-loader'] },
      { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" },
      { test: /\.(ttf|svg|eot|woff|woff2)$/, use: 'url-loader' },
      { test: /\.(jpg|png|gif|svg|bmp)$/,use: 'url-loader' }
    ]
  },
  resolve: {
    alias: {
      'vue$' : 'vue/dist/vue.js'
    }
  }
}